<template>
  <div>
  
  科幻<input type="checkbox" name="hobby" value="科幻" v-model="hobby">
  喜剧<input type="checkbox" name="hobby" value="喜剧" v-model="hobby">
  动漫<input type="checkbox" name="hobby" value="动漫" v-model="hobby">
  冒险<input type="checkbox" name="hobby" value="冒险" v-model="hobby">
  惊悚<input type="checkbox" name="hobby" value="惊悚" v-model="hobby">
  恐怖<input type="checkbox" name="hobby" value="恐怖" v-model="hobby">
  悬疑<input type="checkbox" name="hobby" value="悬疑" v-model="hobby">

  <ul>
      <li v-for="(item, index) in hobby" :key="index">
          {{ item }}
      </li>
  </ul>
  
  </div>
</template>

<script>
export default {
    data () {
      return {
        hobby: []
      }
    },
    methods: {


      
    }
}
</script>

<style>

</style>